<script>
import { computed, defineComponent, reactive } from 'vue'
import OneSelectedArea from '@Components/areaController/selectedArea/oneSelectedArea'
export default defineComponent({
  props: {
    list: {
      type: Array,
      default: () => {
        return []
      },
    },
  },
  setup(props, context) {
    let list = computed(() => {
      return props.list
    })

    return { list }
  },
  render() {
    return (
      <a-row>
        {this.list.map((_province) => {
          return (
            <a-col span={4}>
              <OneSelectedArea list={[_province]} />
            </a-col>
          )
        })}
      </a-row>
    )
  },
})
</script>
